<!DOCTYPE html>
<html lang="zh">
    <head>
        <meta charset="UTF-8" />
        <meta name="viewport" content="width=, initial-scale=1.0" />
        <title>甜觅巧克力工作室</title>
        <link rel="stylesheet" href="../css/index.css" />
    </head>
    <body>
        <header>
            <a href="index.html" style="padding: 0;">
                <h1 class="logo"></h1>
            </a>
            <ul>
                <li><a href="../index.html">首页</a></li>
                <li><a href="product.html">产品展示</a></li>
                <li><a href="culture.html">巧克力课堂</a></li>
                <li><a class="active" href="contact.html">联系我们</a></li>
            </ul>
            <div class="btns">
                <a href="">登录</a>
                <a href="./register.html">注册</a>
            </div>
        </header>
        <main>
            <main class="wrapper">
                <div class="inner">
                    <section class="contact">
                        <h1 class="title">联系我们</h1>
                        <p>可以在下面留言，也可以通过社交媒体找到我们</p>
                        <div class="content">
                            <div class="left">
                                <form action="">
                                    <input type="text" name="name" placeholder="姓名" required />
    
                                    <input type="email" name="email" placeholder="邮箱" required />
    
                                    <textarea name="message" placeholder="留言"></textarea>
    
                                    <input type="submit" value="提交"></input>
                                </form>
                            </div>
                            <div class="right">
                                <ul>
                                    <li>
                                        <i
                                            class="wechat"
                                            style="background: url('../image/微信.png') no-repeat center/contain"></i
                                        ><a href="weixin://">spasd1234</a>
                                    </li>
                                    <li>
                                        <i
                                            class="weibo"
                                            style="background: url('../image/微博.png') no-repeat center/contain"></i
                                        ><a href="http://weibo.com/123456">alissdaf56</a>
                                    </li>
                                    <li>
                                        <i
                                            class="qq"
                                            style="background: url('../image/QQ.png') no-repeat center/contain"></i
                                        ><a href="http://wpa.qq.com/msgrd?v=3&uin=123456&site=qq&menu=yes">234123456</a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </section>
                </div>
            </main>
      </main>
        <footer>
            <p>&copy; TianMi Chocolate Studio. All rights reserved.</p>
        </footer>
    </body>
</html>
